<script setup lang="ts">
import DemoBox from '@/components/DemoBox/DemoBox.vue';
import BaseUsing from './BaseUsing.vue';
import BaseUsingRaw from './BaseUsing.vue?raw';
import ImgUsingRaw from './ImgUsing.vue?raw';
import ImgUsing from './ImgUsing.vue';
import PageLayout from '@/components/PageLayout.vue';

const section = ['基本用法', '基本用法1', '图片也同样支持'];
</script>

<template>
    <PageLayout :section="section">
        <DemoBox :code="BaseUsingRaw" title="基本用法">
            <BaseUsing />
            <template #description> 给文本添加下划线动画。 </template>
        </DemoBox>
        <DemoBox :code="BaseUsingRaw" title="基本用法1">
            <BaseUsing />
            <template #description> 给文本添加下划线动画。 </template>
        </DemoBox>
        <DemoBox :code="ImgUsingRaw" title="图片也同样支持">
            <ImgUsing />
            <template #description> 图片也同样支持。 </template>
        </DemoBox>
    </PageLayout>
</template>
